<template>
    <div class="app-container">
        <LitigationApplicationLitigation :info="form" />
        <LitigationApplicationOrder :info="form" /> 
        <LitigationApplicationRemoveInfo :info="form" /> 
    </div>
</template>

<script>
import LitigationApplicationRemoveInfo from '@/views/collectionManagement/litigationApplication/compoent/removeInfo.vue'
import LitigationApplicationOrder from '@/views/collectionManagement/litigationApplication/compoent/order.vue'
import LitigationApplicationLitigation from '@/views/collectionManagement/litigationApplication/compoent/litigation.vue'

export default {
    name: "WorkerRemoveInfo",
    components: {LitigationApplicationOrder,LitigationApplicationLitigation,LitigationApplicationRemoveInfo},
    dicts: [ 'progress_litigation'],
    data() {
        return {
            status:1,
        };
    },
    props: {
        value: {
            default: {},
        },
        state: {
            default: "write",
        },
        formStatus: {
            required: false,
        },
    },
    computed:{
        formState: {
            get() {
                let state = "write";
                if (Reflect.has(this, "formStatus")) {
                    switch (this?.formStatus?.toString()) {
                        case "0":
                            state = "write";
                            break;
                        case "1":
                            state = "disabled";
                            break;
                        case "2":
                            state = "hidden";
                            break;
                        default:
                            state = this.state;
                            break;
                    }
                }
                return state;
            },
        },
        form:{
            get() {
                return this.value;
            },
            set(value) {
                this.$emit("input", value);
            },
        },
    },
    async created(){
       
    },
    methods: {
      
    }
};
</script>


<style lang="scss" scoped>
::v-deep .el-form--label-top .el-form-item__label {
    padding: 0;
}

.el-form-item {
    margin-bottom: 10px;
    width: 70%;
}

::v-deep .el-tabs__item {
    font-size: 16px !important;
    //color: #333333;
    font-weight: bold;
}

::v-deep .el-descriptions__header {
    margin-top: -8px !important;
    margin-bottom: 10px !important;
}
</style>
